.visualComponents_body_theme_light{
  --vs-scrollbar-track-bg-color: #EFEFEF;
  --vs-scrollbar-thumb-bg-color: var(--vs-scrollbar-thumb-bg-color);
}

.visualComponents_body_theme_dark{
  --vs-scrollbar-track-bg-color: #1a405f;
  --vs-scrollbar-thumb-bg-color: var(--vs-scrollbar-thumb-bg-color);
}

.visualComponents{
  .vue-grid-item.visual-components{
    ::-webkit-scrollbar {
      width: 4px !important;
      height: 4px !important;
    }
    ::-webkit-scrollbar-track {
      background-color: var(--vs-scrollbar-track-bg-color);
    }

    ::-webkit-scrollbar-thumb {
      background-color: var(--vs-scrollbar-thumb-bg-color);
      border-radius: 4px;
    }

    ::-webkit-scrollbar-corner {
      background-color: var(--vs-scrollbar-track-bg-color);
    }
    .chartMain, .light-Style, .dark-Style, .real-Style {
      ::-webkit-scrollbar {
        width: 4px !important;
        height: 4px !important;
      }
    }
  }
}

